export declare const timeInputStyle: { wrapper: import("@vanilla-extract/recipes").RuntimeFn<{ disabled: { false: { selectors: { '&:hover, &:focus': { borderColor: `var(--${string})`; outline: "none"; }; }; }; true: { background: `var(--${string})`; borderColor: `var(--${string})`; cursor: "not-allowed"; selectors: { '&:active': { borderColor: `var(--${string})`; boxShadow: "none"; }; }; userSelect: "none"; }; }; error: { true: { border: `1px solid var(--${string})`; selectors: { '&:active': { borderColor: `var(--${string})`; boxShadow: `var(--${string})`; }; '&:focus-within': { borderColor: `var(--${string})`; }; '&:hover': { borderColor: `var(--${string})`; }; }; }; }; readOnly: { true: { background: `var(--${string})`; borderColor: `var(--${string})`; cursor: "default"; selectors: { '&:active': { borderColor: `var(--${string})`; boxShadow: "none"; }; '&:focus-within': { borderColor: `var(--${string})`; }; }; }; }; size: { large: { height: `var(--${string})`; }; medium: { height: `var(--${string})`; }; small: { height: `var(--${string})`; paddingLeft: `var(--${string})`; }; }; }>; timeinput: import("@vanilla-extract/recipes").RuntimeFn<{ period: { true: { color: `var(--${string})`; selectors: { "&[data-size='large']": { width: `calc(var(--${string}) + var(--${string}))`; }; }; }; }; }>; timeSeparator: string; }; //# sourceMappingURL=styles.css.d.ts.map